<template>
  <div class="my-setting">
    <div class="setting-item">
      <div class="item-leftImg">
        <svg class="icon iconfont" aria-hidden="true">
          <use xlink:href="#icon-shezhi"></use>
        </svg>
      </div>
      <div class="item-detail">设置</div>
      <div class="item-rightIcon">
        <i class="iconfont">&#xe629;</i>
      </div>
    </div>
    <div class="setting-item">
      <div class="item-leftImg">
        <svg class="icon iconfont" aria-hidden="true">
          <use xlink:href="#icon-yijianfankui"></use>
        </svg>
      </div>
      <div class="item-detail">意见反馈</div>
      <div class="item-rightIcon">
        <i class="iconfont">&#xe629;</i>
      </div>
    </div>
    <div class="setting-item">
      <div class="item-leftImg">
        <svg class="icon iconfont" aria-hidden="true">
          <use xlink:href="#icon-guanyu"></use>
        </svg>
      </div>
      <div class="item-detail">关于我们</div>
      <div class="item-rightIcon">
        <i class="iconfont">&#xe629;</i>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  setup() {
    return {};
  },
};
</script>
<style scoped>
.my-setting {
  margin-top: .4267rem;
  background: #fff;
}
.setting-item {
  display: flex;
  border-bottom: .0427rem solid #ebe9e9;
  padding: .2133rem .4267rem .2133rem .4267rem;
  position: relative;
  align-items: center;
}
.item-leftImg svg.icon{
    width: 1.0667rem;
  height: 1.0667rem;
}
.item-detail{
    margin-left: .4267rem;
    font-size: .64rem;
}
.item-rightIcon{
    position: absolute;
    right: .64rem;
    color: #BFBFBF;
}
</style>
